<template>
  <div class="wrapper" style="height: 100%;">
    <v-head></v-head>
    <el-container style="height: 100%">
      <v-sidebar></v-sidebar>
      <el-main style="margin-left: 200px">
        <transition name="move" mode="out-in">
          <router-view></router-view>
        </transition>
      </el-main>
    </el-container>
  </div>
</template>

<script>
  import vHead from './Header.vue';
  import vSidebar from './Sidebar.vue';
  import ElMain from "../../../node_modules/element-ui/packages/main/src/main";
  export default {
    components: {
      ElMain,
      vHead, vSidebar
    }
  }
</script>
